<template>
  <div>
    <!-- 
      计算属性：
      作用: 当一个变量的值，需要依赖其他变量得来的时候，可以使用计算属性来实现

      语法：
        computed: {
          "属性名"(){
            return "值"
          }
        }
     -->
    <p>计算a和b的和：{{ num }}</p>
    <!-- 
      总结：
        计算属性定义时是一个函数
        使用时是一个变量
      
      注意：data中声明的变量和计算属性名不能重名
     -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      a: 12,
      b: 10,
      num: 12,
    };
  },
  computed: {
    // 定义计算属性
    num() {
      return this.a + this.b;
    },
  },
};
</script>

<style>
</style>